<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<link href="/css/jquery.jqplot.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="/js/jquery.js"></script>
<script language="JavaScript" src="/js/jquery.jqplot.js"></script>
<script language="JavaScript" src="/js/jqplot.barRenderer.js"></script>
<script language="JavaScript" src="/js/jqplot.categoryAxisRenderer.js"></script>
<script class="code" type="text/javascript">
	
	$(document).ready(function(){
        var s1 = [<* $s1 *>];
        var ticks = [<* $ticks *>];
        
        plot1 = $.jqplot('chart1', [s1], {
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                pointLabels: { show: true }
            },
			title: 'Time of Calls Feb 2011',
            axes: {
                xaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer,
                    ticks: ticks
                }
            },
            highlighter: { show: false }
        });
    
    });
	
</script>


<div id="print">
<table width="200" border="1">
  <tr>
    <td>9</td>
    <td>0</td>
  </tr>
  <tr>
    <td>10</td>
    <td>6</td>
  </tr>
  <tr>
    <td>11</td>
    <td>6</td>
  </tr>
  <tr>
    <td>12</td>
    <td>11</td>
  </tr>
  <tr>
    <td>13</td>
    <td>11</td>
  </tr>
  <tr>
    <td>14</td>
    <td>9</td>
  </tr>
  <tr>
    <td>15</td>
    <td>7</td>
  </tr>
  <tr>
    <td>16</td>
    <td>5</td>
  </tr>
</table>
</div>      
<div id="chart1" style="margin-top:20px; margin-left:20px; width:400px; height:300px;"></div>

<div id="newpage">
<table width="200" border="1">
  <tr>
    <td>9</td>
    <td>0</td>
  </tr>
  <tr>
    <td>10</td>
    <td>6</td>
  </tr>
  <tr>
    <td>11</td>
    <td>6</td>
  </tr>
  <tr>
    <td>12</td>
    <td>11</td>
  </tr>
  <tr>
    <td>13</td>
    <td>11</td>
  </tr>
  <tr>
    <td>14</td>
    <td>9</td>
  </tr>
  <tr>
    <td>15</td>
    <td>7</td>
  </tr>
  <tr>
    <td>16</td>
    <td>5</td>
  </tr>
</table>
<br/>
<table width="200" border="1">
  <tr>
    <td>9</td>
    <td>0</td>
  </tr>
  <tr>
    <td>10</td>
    <td>6</td>
  </tr>
  <tr>
    <td>11</td>
    <td>6</td>
  </tr>
  <tr>
    <td>12</td>
    <td>11</td>
  </tr>
  <tr>
    <td>13</td>
    <td>11</td>
  </tr>
  <tr>
    <td>14</td>
    <td>9</td>
  </tr>
  <tr>
    <td>15</td>
    <td>7</td>
  </tr>
  <tr>
    <td>16</td>
    <td>5</td>
  </tr>
</table>
<table width="200" border="1">
  <tr>
    <td>9</td>
    <td>0</td>
  </tr>
  <tr>
    <td>10</td>
    <td>6</td>
  </tr>
  <tr>
    <td>11</td>
    <td>6</td>
  </tr>
  <tr>
    <td>12</td>
    <td>11</td>
  </tr>
  <tr>
    <td>13</td>
    <td>11</td>
  </tr>
  <tr>
    <td>14</td>
    <td>9</td>
  </tr>
  <tr>
    <td>15</td>
    <td>7</td>
  </tr>
  <tr>
    <td>16</td>
    <td>5</td>
  </tr>
</table>
</div>
</div>
</body>
</html>